.wrap {
      height: 300px;
      width: 700px;
      overflow: hidden;
      position: relative;
    }

    .wrap ul li {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      height: 300px;
    }

    .wrap ol {
      position: absolute;
      right: 5px;
      bottom: 10px;
    }

    .wrap ol li {
      display: inline-block;
      width: 14px;
      height: 14px;
      border-radius: 100%;
      overflow: hidden;
      background: #fff;
      box-shadow: 1px 1px 6px rgba(0,0,0,.5);
      margin: 0 4px;
      cursor: pointer;
      text-indent: -6em;
    }

    .wrap ol .on {
      background: #F14146;
      color: #fff;
    }